@import "_common.less";

.keyframes(stage-light-ring, {
    from { opacity : 1; }
    to   { opacity : 0; }
});

.keyframes(shade-light-left, {
    from {
        left: 0%;
        opacity: 1;
    }
    to {
        left: 150%;
        opacity: 0;
    }
});

.keyframes(slineing, {
    0% {
        opacity: 0;
    }
    20%{
        opacity: 1;
    }
    40%{
        opacity: 0.2;
    }
    60%{
        opacity: 1;
    }
    80%{
        opacity: 0.2;
    }
    100%{
        opacity: 1;
    }
});
.keyframes(aniroundL, {
    from {
        .rotate(0);
    }
    to {
        .rotate(360deg);
    }
});
.keyframes(aniroundR, {
    from {
        .rotate(0);
    }
    to {
        .rotate(-360deg);
    }
});

.keyframes(shade-light-right, {
    from {
        right: 0%;
        opacity: 1;
    }
    to {
        right: 150%;
        opacity: 0;
    }
});

.keyframes(shake-icon, {
    0% {
        .transform(rotate(0deg));
    }
    25% {
        .transform(rotate(6deg));
    }
    50% {
        .transform(rotate(0deg));
    }
    75% {
        .transform(rotate(-6deg));
    }
    100% {
        .transform(rotate(0deg));
    }
});

.keyframes(icon-big, {
    0% {
        box-shadow: 0px 0px 5rem 0rem #fff;
        background: none;
    }
    100% {
        box-shadow: 0px 0px 5rem 100rem #fff;
        background: #fff;
    }
});

.keyframes(icon-big-in, {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
});

.keyframes(hand-bg-big, {
    0% {
        box-shadow: 0px 0px 5rem 0rem #fff;
        opacity: 0;
    }
    100% {
        box-shadow: 0px 0px 5rem 100rem #fff;
        opacity: 1;
    }
});


.keyframes(arrow-next, {
    from {
        transform:translateY(-0.2rem);
    }
    to {
        transform:translateY(0.2rem);
    }
});

.keyframes(st3-top-cav, {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.6;
    }
    100% {
        opacity: 1;
    }
});
